<template>
    <div class="main-container" id="main-aps">
        <div>
            <a-tabs :lazy-load="true" type="card" @change="tabsChange" style="border-bottom:0;">
                <a-tab-pane title="生产方式" key="1">
                    <ProductionMode />
                </a-tab-pane>
                <a-tab-pane title="加急类型" key="2">
                    <div style="min-height: 100px">
                        <urgentType></urgentType>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="流转卡归类" key="3">
                    <div style="min-height: 100px">
                        <cardReturn></cardReturn>
                    </div>
                </a-tab-pane>


                <a-tab-pane title="加工类型" key="4">
                    <div style="min-height: 100px">
                        <ProcessingTy></ProcessingTy>
                    </div>
                </a-tab-pane>


                <a-tab-pane title="销售类型" key="5">
                    <div style="min-height: 100px">
                        <SalesType />
                    </div>
                </a-tab-pane>
                <a-tab-pane title="标签格式" key="6">
                    <div style="min-height: 100px">
                        <labelFormat></labelFormat>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="打包标签格式" key="7">
                    <div style="min-height: 100px">
                        <packLabel></packLabel>
                    </div>
                </a-tab-pane>
                <a-tab-pane title="客户区域" key="8">
                    <div style="min-height: 100px">
                        <CustomerArea />
                    </div>
                </a-tab-pane>
                <a-tab-pane title="客户列表" key="9">
                    <div style="min-height: 100px">
                        <CustomerList />
                    </div>
                </a-tab-pane>
                <a-tab-pane title="染缸颜色类型设备" key="10">
                    <div style="min-height: 100px">
                        <ColorTypeDevice />
                    </div>
                </a-tab-pane>
            </a-tabs>
        </div>

    </div>
</template>

<script lang="ts">
import ProductionMode from "./productionMode/index.vue"
import urgentType from "./urgentType/index.vue"
import cardReturn from "./cardReturn/index.vue"
import labelFormat from "./labelFormat/index.vue"
import packLabel from "./packLabel/index.vue"
import ProcessingTy from "./processingTy/index.vue"
import SalesType from "./salesType/index.vue"
import CustomerArea from "./customerArea/index.vue"
import CustomerList from "./customerList/index.vue"
import ColorTypeDevice from "./ColorTypeDevice/index.vue"
import { defineComponent, reactive, ref } from 'vue'
import emitter from '@/hooks/useEventBus'
export default defineComponent({
    name: 'ApsbasicData',
    components: { ProductionMode, ProcessingTy, SalesType, CustomerArea, CustomerList, urgentType, cardReturn, labelFormat, packLabel,ColorTypeDevice },
    setup() {

        const pageData = reactive({
            tableIndex: "1"
        })
        const tabsChange = (e: string | number) => {
            pageData.tableIndex = e as string
            //    if (e === '1') {
            //         emitter.emit('refresh-ClothSet')
            //     }  
        }
        return {
            pageData,
            tabsChange
        }
    },
})
</script>
<style lang="less">
.main-container {
    height: 100%;
    background-color: #fff;
}

.arco-tabs-content {
    border: 0px !important;
}
</style>